<#include "macro/layout.ftl" />
<@layout title="JEKI-${activeDomain.name!}">

    <div class="row">
        <div class="col-sm-12">
            <ul class="nav nav-tabs">
                <#list tagList as tag>
                <li role="presentation" <#if activeTag.code! == tag.code > class="active" </#if> ><a href="${ctxPath}/domain-tag/${activeDomain.code}/${tag.code!}">${tag.name!}</a></li>
                </#list>
            </ul>

            <ul class="media-list">
                <#list articleList as article>
                <li class="media">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" data-src="holder.js/64x64" alt="64x64" src="" data-holder-rendered="true" style="width: 64px; height: 64px;">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading"><a href="${ctxPath}/article/${article.id}.html" target="_blank">${article.title!}</a></h4>
                        <p>${article.snapshotContent!}</p>
                    </div>
                    <div class="media-right">
                        <span style="width:80px;display: block">${article.viewCount}阅读</span>
                        <span style="width:80px;display: block">${article.commentCount}评论</span>
                        <span style="width:80px;display: block">&nbsp;</span>
                        <span style="width:80px;display: block">作者:${article.createdBy}</span>
                    </div>
                </li>
                </#list>
            </ul>

        </div>
    </div>
</@layout>